<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Mon super site</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script>
	  var c6 = document.getElementById("c6");
	  var c6_context = c6.getContext("2d");
	  function showFillText() {
	  c6_context.fillStyle = '#f00';
	  c6_context.font = 'italic bold 30px sans-serif';
	  c6_context.textBaseline = 'bottom';
	  c6_context.fillText("Titre du post, cest super !", 50, 100);
	  }
	</script>
    </head>

    <body>
      <header>
	<table width="100%">
	  <tr>
	    <td><img src="http://concours.open-du-web.fr/images/logo.png" alt="logo" /></td>
	    <td width="500px">
	      <div align="right">
		<form id="paiement">
		  <fieldset>
		    <legend>Connexion</legend>
		    <label for="email">Email</label>
		    <input id="email" name="email" type="text" placeholder="Adresse e-mail" required autofocus>
		    <br/>
		    <label for="passwrd">Téléphone</label>
		    <input id="password" name="password" type="password" placeholder="**********" required>
		    <br/>
		    <button type="submit">Se Connecter</button>
		  </fieldset>
		</form>
	      </div>
	    </td>
	  </tr>
	</table>
      </header>

      <section>
	<article class="article">
	  <div class="date">Le 11 Novembre</div>
	  <div id="illu" align="center">
	    <table border="0" cellpadding="0" cellspacing="0">
	      <tr>
		<td width="600" height="200" background="http://concours.open-du-web.fr/odw/inte-1/ref-tg5.gif" valign="bottom">
		  <font size="+1" color="black">Titre du post, c'est super !</font>
		</td>
	      </tr>
	    </table>
	  </div>
	  <div class="content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec aliquet lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eu dolor at dolor fringilla tristique. Maecenas a porta dui. Fusce venenatis posuere leo, sit amet placerat lectus elementum sed. Donec pellentesque turpis eget libero venenatis fermentum eget nec leo. Aliquam erat volutpat. Aliquam tristique diam ut ligula scelerisque quis varius augue egestas. Maecenas ornare lorem in orci congue vel tristique dolor commodo. Sed sit amet ante urna. Maecenas blandit vehicula euismod. Mauris at ipsum mollis urna adipiscing pulvinar quis sit amet arcu. Morbi vitae faucibus odio. Etiam elit dolor, pulvinar id luctus eleifend, malesuada eget orci.</p>
	    <p>Morbi pulvinar, quam non dapibus laoreet, diam nibh posuere magna, sit amet aliquet risus elit id augue. Proin volutpat orci consectetur metus aliquet sed pulvinar leo suscipit. In tortor enim, ultricies vel sodales nec, dapibus non est. Vestibulum consequat, tellus et sollicitudin aliquet, justo velit ullamcorper nisl, at facilisis nisl ligula ac justo. Donec aliquet dapibus eros, quis porta odio viverra ac. Maecenas dui magna, ornare ac pharetra quis, tristique sit amet ipsum. Sed semper sagittis condimentum. Phasellus suscipit placerat purus eu venenatis. Phasellus fringilla sodales eros, volutpat fringilla dolor ultricies eu. Cras mollis egestas sapien, ac luctus felis pretium a. Sed lobortis dolor convallis ante mollis sed ullamcorper justo feugiat.</p>
	  </div>
	  <div class="more" align="right"><a href="#"/>Lire la suite</a> - <a href="#"/>12 commentaires</a></div>
</article>

<article class="article">
  <div class="date">Le 11 Novembre</div>
  <div id="illu" align="center">
    <table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="600" height="200" background="http://concours.open-du-web.fr/odw/inte-1/ref-tg5.gif" valign="bottom">
          <font size="+1" color="black">Titre du post, c'est super !</font>
        </td>
      </tr>
    </table>
  </div>
  <div class="content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec aliquet lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis estas. Donec eu dolor at dolor fringilla tristique. Maecenas a porta dui. Fusce venenatis posuere leo, sit amet placerat lectus elementum sed. Donec pellentesque turpis eget libero venenatis fermentum egetec leo. Aliquam erat volutpat. Aliquam tristique diam ut ligula scelerisque quis varius augue egestas. Maecenas ornare lorem in orci congue vel tristique dolor commodo. Sed sit amet ante urna. Maecenas bladit vehicula euismod. Mauris at ipsum mollis urna adipiscing pulvinar quis sit amet arcu. Morbi vitae faucibus odio. Etiam elit dolor, pulvinar id luctus eleifend, malesuada eget orci.</p>
    <p>Morbi pulvinar, quam non dapibus laoreet, diam nibh posuere magna, sit amet aliquet risus elit id augue. Proin volutpat orci consectetur metus aliquet sed pulvinar leo suscipit. In tortor en, ultricies vel sodales nec, dapibus non est. Vestibulum consequat, tellus et sollicitudin aliquet, justo velit ullamcorper nisl, at facilisis nisl ligula ac justo. Donec aliquet dapibus eros, quis portaerra ac. Maecenas dui magna, ornare ac pharetra quis, tristique sit amet ipsum. Sed semper sagittis condimentum. Phasellus suscipit placerat purus eu venenatis. Phasellus fringilla sodales eros, volutpat fringilla dolor ultricies eu. Cras mollis egestas sapien, ac luctus felis pretium a. Sed lobortis dolor convallis ante mollis sed ullamcorper justo feugiat.</p>
  </div>
  <div class="more" align="right"><a href="#"/>Lire la suite</a> - <a href="#"/>12 commentaires</a></div>
</article>

</section>

<div align="center"><a href="#"><< Prev</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">Next >></a></center>
      <script>showFillText();</script>
    </body>
</html>
